<!DOCTYPE HTML>
<link rel="stylesheet" href="../resources/default.css" />
<style>
table { border-spacing: 0px }
td { padding: 0px; border: 2px solid green; }
</style>
<table class="relative" style="table-layout: fixed; width: 0; top: 1200px; left: 800px;">
  <tr>
    <td class="green" style="height: 100px; width: 300px;"></td>
    <td class="green" style="height: 100px; width: 450px;"></td>
  </tr>
  <tr>
    <td class="green"></td>
    <td id="cellToScroll" class="relative" style="overflow: scroll;">
      <div class="green" style="height: 450px; width: 950px"></div>
    </td>
  </tr>
</table>
<script>
window.scrollTo(950, 1250);
cellToScroll.scrollLeft = 1200;
</script>
